.boxItem {
  margin: 0;
  padding: 0;
  list-style: none;
  cursor: pointer;
  position: relative;
  overflow: scroll;
  width: 100%;
  height: 301rem;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px #ccc;

  span:hover {
    color: rgb(80, 178, 221);
  }

  .Item1 {
    width: 100%;
    height: 130px;
    display: flex;
    // position: absolute;
    justify-content: space-between;
    background: paleturquoise;

    b {
      width: 150px;
      height: 100px;
      line-height: 100px;

    }

    .spanBox {
      position: absolute;
      left: 110px;
      margin-top: 20px;

      span {
        display: inline-block;
        max-width: 150px;
        height: 15px;
        margin-left: 20px;
        // align-items: center;
      }
    }

  }

  .Item2 {
    width: 100%;
    height: 100px;
    display: flex;
    // position: absolute;
    justify-content: space-between;
    background: rgb(179, 197, 58);

    b {
      width: 150px;
      height: 100px;
      line-height: 100px;

    }

    .spanBox {
      position: absolute;
      left: 120px;
      margin-top: 20px;

      span {
        display: inline-block;
        max-width: 100px;
        height: 20px;
        margin-left: 20px;
        align-items: center;

      }
    }
  }

  .Item3 {
    width: 100%;
    height: 100px;
    display: flex;
    // position: absolute;
    justify-content: space-between;
    background: paleturquoise;

    b {
      width: 150px;
      height: 100px;
      line-height: 100px;

    }

    .spanBox {
      position: absolute;
      left: 120px;
      margin-top: 20px;

      span {
        display: inline-block;
        max-width: 100px;
        height: 20px;
        margin-left: 20px;
        align-items: center;

      }
    }
  }

  .Item4 {
    width: 100%;
    height: 150px;
    display: flex;
    // position: absolute;
    justify-content: space-between;
    background: rgb(179, 197, 58);

    b {
      width: 150px;
      height: 100px;
      line-height: 100px;

    }

    .spanBox {
      position: absolute;
      left: 120px;
      margin-top: 20px;

      span {
        display: inline-block;
        max-width: 100px;
        height: 20px;
        margin-left: 20px;
        align-items: center;

      }
    }
  }

  .Item5 {
    width: 100%;
    height: 100px;
    display: flex;
    // position: absolute;
    justify-content: space-between;
    background: paleturquoise;

    b {
      width: 150px;
      height: 100px;
      line-height: 100px;

    }

    .spanBox {
      position: absolute;
      left: 120px;
      margin-top: 20px;

      span {
        display: inline-block;
        max-width: 100px;
        height: 20px;
        margin-left: 20px;
        align-items: center;

      }
    }
  }

  .Item6 {
    width: 100%;
    height: 100px;
    display: flex;
    // position: absolute;
    justify-content: space-between;
    background: rgb(179, 197, 58);

    b {
      width: 150px;
      height: 100px;
      line-height: 100px;

    }

    .spanBox {
      position: absolute;
      left: 120px;
      margin-top: 20px;

      span {
        display: inline-block;
        max-width: 100px;
        height: 20px;
        margin-left: 20px;
        align-items: center;

      }
    }
  }
}